<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			html{
				height: 100%;
			}
			body{
				
			background: url(../img/timg.jpg);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			}
				
			
			.di1{
				width: 25rem;
				height: 25rem;
				background-color: #000000;
				opacity: 0.4;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			.di2{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				
			}
			.di2 input[type="text"]{
				margin-bottom: -4px;
			}
		</style>
	</head>
	<body>
		<div class="di1">
			
		</div>
		<div class="di2">
			
			<input type="text" name="zhanghao" id="" placeholder="账号" /><br />
			<input type="password" placeholder="密码" /><br />
			<br />
			<button type="button">登录</button>
			
	</body>
</html>
